<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="6bed4690feb748b79b2606ab463dec8c" style="width:900px; height:500px;"></div>
    <script>
        var chart_6bed4690feb748b79b2606ab463dec8c = echarts.init(
            document.getElementById('6bed4690feb748b79b2606ab463dec8c'), 'white', {renderer: 'canvas'});
        var option_6bed4690feb748b79b2606ab463dec8c = {
    "baseOption": {
        "series": [
            {
                "type": "pie",
                "clockwise": true,
                "data": [
                    {
                        "name": "firefox",
                        "value": 650
                    },
                    {
                        "name": "safari",
                        "value": 600
                    },
                    {
                        "name": "chrome",
                        "value": 208
                    },
                    {
                        "name": "edge",
                        "value": 390
                    }
                ],
                "radius": [
                    "30%",
                    "55%"
                ],
                "center": [
                    "50%",
                    "50%"
                ],
                "roseType": "radius",
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8,
                    "fontSize": 12
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": false,
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": true,
            "bottom": "-5px",
            "data": [
                "2001\u5e74",
                "2002\u5e74",
                "2003\u5e74",
                "2004\u5e74"
            ]
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "firefox",
                        "safari",
                        "chrome",
                        "edge"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "firefox",
                            "value": 490
                        },
                        {
                            "name": "safari",
                            "value": 190
                        },
                        {
                            "name": "chrome",
                            "value": 290
                        },
                        {
                            "name": "edge",
                            "value": 190
                        }
                    ]
                }
            ],
            "title": {
                "text": "Pie"
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "firefox",
                        "safari",
                        "chrome",
                        "edge"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "firefox",
                            "value": 250
                        },
                        {
                            "name": "safari",
                            "value": 250
                        },
                        {
                            "name": "chrome",
                            "value": 250
                        },
                        {
                            "name": "edge",
                            "value": 250
                        }
                    ]
                }
            ],
            "title": {
                "text": "Pie"
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "firefox",
                        "safari",
                        "chrome",
                        "edge"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "firefox",
                            "value": 271
                        },
                        {
                            "name": "safari",
                            "value": 289
                        },
                        {
                            "name": "chrome",
                            "value": 181
                        },
                        {
                            "name": "edge",
                            "value": 291
                        }
                    ]
                }
            ],
            "title": {
                "text": "Pie"
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "firefox",
                        "safari",
                        "chrome",
                        "edge"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "firefox",
                            "value": 650
                        },
                        {
                            "name": "safari",
                            "value": 600
                        },
                        {
                            "name": "chrome",
                            "value": 208
                        },
                        {
                            "name": "edge",
                            "value": 390
                        }
                    ]
                }
            ],
            "title": {
                "text": "Pie"
            },
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        }
    ]
};
        chart_6bed4690feb748b79b2606ab463dec8c.setOption(option_6bed4690feb748b79b2606ab463dec8c);
    </script>
</body>
</html>
